<template>
	<view class="wrap">
		<u-swiper  :list="list" border-radius="20" mode="dot" @click="swiperClick">
		</u-swiper>
	</view>
</template>

<script>
	export default {
		name: 'swiper',
		data() {
			return {
				list: [{
						image: 'https://pic4.zhimg.com/v2-9db7bf3b825f2db103a534ca59c75481_r.jpg?source=1940ef5c',
					},
					{
						image: 'https://gss0.baidu.com/7Po3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/08f790529822720e135dc9be79cb0a46f31fabe6.jpg',
					},
					{
						image: 'https://pic4.zhimg.com/v2-b437efb25afb3073d2c9975b99584963_r.jpg?source=1940ef5c',
					}
				],
			}
		},
		methods: {
			swiperClick(e){
				console.log(e)
			}
		}
	}
</script>

<style lang="less">
	.wrap {
		padding: 15rpx;
	}
</style>
